Canvas Vectorizer & SVG Viewer

1. Sumber Gambar

Unggah Gambar (PNG, JPG, WEBP)

2. Parameter Vektorisasi

Ukuran Blok Piksel: 6 px

Bentuk Elemen Vektor

Mode Warna

Batas Threshold: 128

Hapus Latar Belakang (Auto-deteksi sudut) 8px;"> Toleransi Latar: 35

3. SVG Viewer (Manual)

Tempel kode SVG mentah di sini untuk melihat pratinjau.

Pratinjau Hasil

Pratinjau SVG atau Gambar akan muncul di sini

Kode SVG Sumber

Unduh File .SVG

Dokumentasi Fitur

Canvas Vectorizer adalah alat utilitas web berbasis HTML5 yang memungkinkan Anda mengonversi gambar raster (berbasis piksel) menjadi format vektor SVG sederhana. Alat ini bekerja dengan memindai piksel gambar dan menggantinya dengan bentuk geometris SVG (seperti kotak atau lingkaran) sesuai dengan pengaturan yang Anda pilih.

Fitur Utama:

Konversi Raster ke Vektor: Mengubah PNG/JPG menjadi SVG yang dapat diskalakan tanpa pecah.
Kustomisasi Bentuk: Pilih antara persegi panjang, lingkaran, atau elips untuk merepresentasikan piksel.
Mode Warna Fleksibel: Dukungan untuk warna asli, grayscale, dan mode threshold (dwiwarna).
Penghapusan Latar Belakang: Fitur otomatis untuk mendeteksi dan menghilangkan warna latar berdasarkan toleransi.
SVG Viewer Terintegrasi: Pratinjau dan uji kode SVG mentah langsung di browser tanpa perlu aplikasi tambahan.

Cara Penggunaan

Unggah Gambar: Klik tombol "Choose File" atau seret file gambar (PNG/JPG/WEBP) ke area yang disediakan.
Atur Parameter: Sesuaikan "Ukuran Blok Piksel" (semakin kecil, semakin detail namun ukuran file SVG makin besar). Pilih bentuk dan mode warna yang diinginkan.
Proses: Klik tombol "Proses Vektorisasi". Tunggu sebentar hingga pratinjau muncul di panel kanan.
Unduh: Jika hasil sudah sesuai, klik "Unduh File .SVG" untuk menyimpannya ke perangkat Anda, atau "Salin Kode" untuk menggunakannya di proyek web.

Tips Pro: Alat ini paling efektif untuk gambar dengan kontras tinggi, logo sederhana, atau ikon. Untuk foto yang sangat kompleks, hasil SVG mungkin memiliki ukuran file yang besar karena banyaknya elemen bentuk yang dihasilkan.

Contoh Kasus Penggunaan

Desain Web: Mengonversi ikon PNG sederhana menjadi SVG agar tetap tajam di layar retina (high-DPI).
Seni Pixel Art: Menggunakan mode "Persegi Panjang" dengan ukuran blok 1-4 px untuk mempertahankan estetika pixel art dalam format vektor.
Pembuatan Pola: Mengubah tekstur gambar menjadi pola berulang yang dapat diedit di perangkat lunak desain vektor seperti Inkscape atau Adobe Illustrator.